<%-- 
    Document   : modifyInfoInput
    Created on : 2015-8-6, 17:13:07
    Author     : jansing
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width" />
        <link href="css/font-awesome.css" type="text/css" rel="stylesheet" />
        <link href="css/Modify-information.css" type="text/css" rel="stylesheet" />
        <link rel="stylesheet" type="text/css" href="css/all-page.css" />
        <title>E-Top 在线文档管理系统-信息修改</title>
        <script src="js/jquery-1.11.2.js"></script>
        <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
        <script src="js/home-page.js"></script>
        <script src="js/MI.js"></script>
    </head>
    <body class="all-page home-page
          <c:if test="${not empty loginUser}">logined</c:if>
          <c:if test="${loginUser.role eq 2}">manage-logined</c:if>
              ">
              <!--顶部头像框-->
          <jsp:include page="/WEB-INF/inc/header.jsp"/>

          <!--网页主体部分-->
          <div class="out-div">
              <!--信息提示-->
              <div class="prompt-text">
                  <h2>信息修改</h2>
              </div>
              <!--包含了原本的用户信息块 、修改信息块-->
              <div class="page-main">
                  <!--修改块-->
                  <!--表单-->
                  <form id="modify-form" name="modifyform" action="modifyInfo" method="post" enctype="multipart/form-data">
                      <!--头像更改部分 、从本地上传新图片-->
                      <div class="portrait">
                          <dl class="h3-dl">
                              <h3>更换头像</h3>
                          </dl>
                          <div id="myimage">
                          </div>
                          <dl id="button-dl">图片预览
                              <input id="file-type" type="file" onchange="showImage();"  name= "pho"/>
                          </dl>
                          <span class="tip"><em>*</em>从本地上传</span>
                          <span id="size">120 <em>px</em><code> * </code>120 <em>px</em></span>
                      </div>
                      <!--密码更改部分 、填写原密码 、新密码、 确认新密码-->
                      <div class="password">
                          <dl class="h3-dl">
                              <h3>修改密码</h3>
                          </dl>
                          <dl class="password-text">
                              <span>原密码：</span>
                              <span>新密码：</span>
                              <span>确认新密码：</span>
                          </dl>
                          <dl class="password-input">
                              <input id="original-password" type="password" name= "password"/>
                              <input id="new-password" type="password" name= "newPassword"/>
                              <input id="confirm-newpassword" type="password" name= "newPassword2"/>
                          </dl>
                      </div>
                      <div class="safety-information">
                          <!--安全信息更改部分 、更改手机、邮箱-->
                          <dl class="h3-dl">
                              <h3>修改安全信息</h3>
                          </dl>
                          <dl class="safety-tool">
                              <span>邮箱：</span>
                              <span>手机：</span>
                          </dl>
                          <dl class="safety-input">
                              <input id="email" type="text" name="email" value="${loginUser.email}"/>
                              <input id="mobilephone" type="text" name="tele" value="${loginUser.tele}"/>
                          </dl>
                      </div>
                      <!--按钮确认部分 、保存修改后的信息-->
                      <div class="confirm-button-div">
                          <input id="confirm-button" type="submit" value="保存修改" onchange="submit();" />
                      </div>
                  </form>
              </div>
          </div>
          <jsp:include page="/WEB-INF/inc/footer.jsp"/>
    </body>

</html>